<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-失物招领-发布</title>
    <link rel="stylesheet" href="/stylesheets/root.css">
	<link rel="stylesheet" href="/stylesheets/public-stylesheets.css">
</head>

<style>
    #choose-box{
        width: 100%;
        display: flex;
        align-items: center;
    }

    #choose-box .choose{
        display: flex;
        justify-content: center;
        width: 10vh;
        font-size: 2vh;
        padding: 1vh 2vw 1vh 2vw;
        border: black solid 0.1vh;
        background-color: white;
        border-radius: 5px;
        margin-left: 3vw;
        margin-top: 3vh;
        margin-bottom: 5vh;
    }

    #type-box{
        width: 96%;
        height: 10vh;
        min-height: 0;
        font-size: 2vh;
        margin-left: 2vw;
    }

    #type-box>select,#time-box>select,#loc-box>select,#describe-box>select{
        font-size: 2vh;
    }
    
    #time-box{
        width: 96%;
        height: 10vh;
        min-height: 0;
        font-size: 2vh;
        margin-left: 2vw;
    }

    #loc-box{
        width: 96%;
        height: 10vh;
        min-height: 0;
        font-size: 2vh;
        margin-left: 2vw;
    }

    #describe-box{
        width: 96%;
        height: 25vh;
        min-height: 0;
        font-size: 2vh;
        margin-left: 2vw;
    }


    #describe-box textarea{
        width: 90%;
        height: 70%;
        min-height: 0;
        margin: 1vh 5vw 1vh 5vw;
    }

    #add-box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #add-box button{
        padding: 1vh 10vw 1vh 10vw;
        font-size: 3vh;
    }
</style>

<body>
    <!-- 顶部栏组件 -->
		<div id="top">
			<p>发布失物招领</p>
			<a href="/webpage_copy/found_lost.html">
				<img src="/images/public_images/return.png" alt="返回">
			</a>
		</div>

</body>
    <div id="choose-box">
        <div class="choose">寻物</div>
        <div class="choose">寻主</div>
    </div>

    <div id="type-box">
        <span>物品类型：</span>
        <select name="" id="">
            <option value="opt1">数码设备</option>
            <option value="opt2">证件</option>
            <option value="opt3">日用品</option>
            <option value="opt4">服饰</option>
            <option value="opt5">其它</option>
        </select>
    </div>

    <div id="time-box">
        <span>时间类型：</span>
        <select name="" id="">
            <option value="opt1">三天内</option>
            <option value="opt2">一周内</option>
            <option value="opt3">一个月内</option>
            <option value="opt4">三个月内</option>
        </select>
    </div>

    <div id="loc-box">
        <span>地点类型：</span>
        <select name="" id="">
            <option value="opt1">图书馆</option>
            <option value="opt2">操场</option>
            <option value="opt3">教学楼</option>
            <option value="opt4">饭堂</option>
            <option value="opt5">体育馆</option>
        </select>
    </div>

    <div id="describe-box">
        <span>地点类型：</span><br>
        <textarea name="" id="" cols="30" rows="10">
            请输入物品描述，以及添加联系方式
        </textarea>
    </div>

    <div id="add-box">
        <button>发布</button>
    </div>

</html>